<!-- v-if="$route.meta.footShow" -->
<template >
  <div class="home">
    <el-header style="text-align: right; font-size: 12px;display: flex;justify-content: space-between;align-items: center;height: 2.4242rem;">
      <div class="imgs">
           <img src="../assets/logot.png" alt="">
      </div>
      <div>
        <el-dropdown >
          <el-dropdown-menu></el-dropdown-menu>
           <i class="el-icon-s-custom" style="margin-right: 5px"></i>
        </el-dropdown>
        <span style="margin-right: 15px">admin,您好，欢迎登陆</span>
        <el-dropdown>
          <el-dropdown-menu></el-dropdown-menu>
          <i class="el-icon-switch-button" style="margin-right: 5px"></i>
        </el-dropdown>
        <span>退出</span>
      </div>
    </el-header>
    <div class="main flex">
      <el-aside width="10%" style="min-width: 150px;">
        <el-row class="tac">
          <el-col :span="12">
            <!-- <h5>自定义颜色</h5> -->
            <el-menu router default-active="/" :default-active="$route.path" class="el-menu-vertical-demo"
              background-color="#0B305D" text-color="#fff" active-text-color="#ffd04b">
              <el-menu-item index="/" exact>
                <i class="el-icon-s-home"></i>
                <span >浪客首页</span>
              </el-menu-item>
              <el-submenu  index="1" class="sa">
                <template slot="title">
                  <i class="el-icon-s-promotion"></i>
                  <span >营销管理</span>
                </template>
                <el-menu-item index="/marketing" style="padding-left: 55px;">
                  <span>营销活动</span>
                </el-menu-item>
                <el-menu-item index="/found" style="padding-left: 55px;">
                  <span>创建优惠</span>
                </el-menu-item>
                <el-menu-item index="/fenye" style="padding-left: 55px;">
                  <span>短信营销</span>
                </el-menu-item>
                <el-menu-item index="/wxmarket" style="padding-left: 55px;">
                  <span>微信营销</span>
                </el-menu-item>
                <el-menu-item index="/coupon" style="padding-left: 55px;">
                  <span>优惠劵详情</span>
                </el-menu-item>
              </el-submenu>
              <el-submenu index="3" class="sa">
                <template slot="title">
                  <i class="el-icon-user-solid"></i>
                 <span slot="title">会员管理</span>
                </template>
                <el-menu-item index="/member" style="padding-left: 55px;">
                  <span>会员列表</span>
                </el-menu-item>
                <el-menu-item index="/membership" style="padding-left: 55px;">
                  <span>会员详情</span>
                </el-menu-item>
              </el-submenu>
              <el-submenu index="4" class="sa">
                <template slot="title">
                  <i class="el-icon-printer"></i>
                  <span slot="title">营销核验</span>
                </template>
                <el-menu-item index="/shortnews" style="padding-left: 55px;">
                  <span>短信码核销</span>
                </el-menu-item>
                <el-menu-item index="/qrcode" style="padding-left: 55px;">
                  <span>二维码核销</span>
                </el-menu-item>
                <el-menu-item index="/writeoffquery" style="padding-left: 55px;">
                  <span>核验查询</span>
                </el-menu-item>
              </el-submenu>
             <el-submenu index="5" class="sa">
                <template slot="title">
                  <i class="el-icon-copy-document"></i>
                  <span slot="title">拼劵广场</span>
                </template>
                <el-menu-item index="/mysign_up" style="padding-left: 55px;">
                  <span>我的报名</span>
                </el-menu-item>
                <el-menu-item index="/pactivity" style="padding-left: 55px;">
                  <span>拼劵活动</span>
                </el-menu-item>
                <el-menu-item index="/participated" style="padding-left: 55px;">
                  <span>查看参与活动</span>
                </el-menu-item>
                <el-menu-item index="/foundspell" style="padding-left: 55px;">
                  <span>创建拼劵</span>
                </el-menu-item>
              </el-submenu>
             <el-submenu index="6" class="sa">
                <template slot="title">
                  <i class="el-icon-setting"></i>
                  <span slot="title">系统管理</span>
                </template>
                <el-menu-item index="/shopinfor" style="padding-left: 55px;">
                  <span>店铺信息</span>
                </el-menu-item>
                <el-menu-item index="/security" style="padding-left: 55px;">
                  <span>安全信息</span>
                </el-menu-item>
               <!-- <el-menu-item index="6-3" style="padding-left: 55px;">
                  <span>我的邀请码</span>
                </el-menu-item> -->
                <el-menu-item index="/modifymember" style="padding-left: 55px;">
                  <span>更换手机号</span>
                </el-menu-item>
              </el-submenu>
            </el-menu>
          </el-col>
        </el-row>
      </el-aside>
      <el-main style="width: 90%;"><router-view/></el-main>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    created() {

    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style scoped>
  .el-header {
    background-color: #0B305D;
    color: white;
    text-align: center;
    line-height: 60px;
    padding: 0 30px 0 0;
  }

  .main {
    width: 100%;
    position: absolute;
    top: 2.4242rem;
    bottom: 0;
    justify-content: space-between;
  }

  .el-aside {
    background: #0B305D;
  }

  .el-col-12 {
    width: 100%;
  }

  .el-main {
    margin: 10px;
    padding: 0;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, .5), 0 0 6px rgba(0, 0, 0, .04); */
  }

  .el-menu {
    border: none;
  }
  .sa .el-menu-item {
    padding-left: 80px;
    font-size: 12px;

  }
  .is-active{
    color: red;
  }
  i{
    color: white;
  }
  .imgs{
    width: 12.0909rem;
    height: 1.8182rem;
    display: flex;
    align-items: center;
  }
  .imgs img{
    width: 100%;
    height: 100%;
    margin-left: 46px;
  }
</style>
